<template>
   <div class="headline-warpper">
        <div class="item-icon"><i class="big">07月</i><i class="xiao">2018</i></div>
        <div class="new-list">
            <router-link :to="'/mediaReport/article/' + item.title" class="item" v-for="(item, index) in list" :key="index">
                <div class="title">{{item.title}}</div>
                <div class="time">时间：   {{item.time}}</div>
            </router-link>
        </div>
    </div>
</template>

<script>
export default {
    name: 'newList',
    data () {
        return {
            list: [
                {
                    title: '云家政大数据升级 打造中国家庭生活服务入口',
                    time: '12-04'
                },{
                    title: '云家政大数据升级 打造中国家庭生活服务入口',
                    time: '12-04'
                },{
                    title: '云家政大数据升级 打造中国家庭生活服务入口',
                    time: '12-04'
                },{
                    title: '云家政大数据升级 打造中国家庭生活服务入口',
                    time: '12-04'
                }
            ]
        }
    }
}
</script>

<style lang="stylus" scoped>
    .headline-warpper
        display: flex
        align-items flex-start
        margin-bottom 59px
        .item-icon
            width 77px
            height 75px
            box-sizing border-box
            color #fff
            background-color #424242
            display flex
            flex-direction column
            align-items center
            justify-content center
            border-right 6px solid #5287ff
            border-bottom 4px solid #5287ff
            .big
                font-size 26px
                margin-bottom 2px
                margin-bottom 5px
            .xiao   
                letter-spacing 6px
                font-size 12px
        .new-list
            flex 1
            margin-left 20px
            .item
                height 54px
                display flex
                align-items flex-end
                justify-content space-between
                border-bottom 1px solid #bbb
                cursor pointer
                box-sizing border-box
                padding-bottom 15px
                .title
                    font-size 25px
                    transition .35s all
                    color #383838;
                    &:hover
                        color #5287ff
                .time
                    font-size 18px
                    color #a1a1a1
                    
</style>

